<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>个人中心</title>
<%@ include file="../common/home_head.jsp"%>
</head>
<body style="background:#FFF;">
	<!-- banner -->
	<div class="sub-banner">
		<%@ include file="../common/navbar.jsp"%>
	</div>
	<!-- banner end -->

<script type="text/javascript">
$(document).ready(function(){
	$("#nav li").removeClass("active");
	$("#nav>li").eq(5).addClass("active");
});
</script>

	<div class="contact-agileinfo">
		<div class="container">
			<h2>${login.userName }</h2>
			<div class="col-md-2 contact-left-agile">
				<div class="address-w3-agileits">
					<h4>游戏库</h4>
						<ul>
							<li><a href="${pageContext.request.contextPath }/center"><span class="glyphicon glyphicon-hdd"
								aria-hidden="true"></span>试玩游戏</a></li>
							<li><a href="#"><span class="glyphicon glyphicon-hdd"
								aria-hidden="true"></span>已购游戏</a></li>
						</ul>
				</div>
				<div class="phone-agileits-w3layouts">
					<h4>订单</h4>
					<ul>
						<li>
							<a href="#"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
							待支付</a>
						</li>
						<li>
							<a href="#"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
							已完成</a>
						</li>
					</ul>
				</div>
				<div class="email">
					<h4>操作</h4>
					<ul>
						<li>
							<a href="#"><span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
							修改密码</a>
						</li>
						<li>
							<a href="#"><span class="glyphicon glyphicon-bell" aria-hidden="true"></span>
							审核结果</a>
						</li>
						<li>
							<a href="${pageContext.request.contextPath }/logout"><span class="glyphicon glyphicon-off" aria-hidden="true"></span>
							退出登录</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="col-md-10 contact-right-w3">
				<div class="container" style="width: 100%;height: 100%;display: inline-table;">
				<c:if test="${!empty games }">
				<c:forEach items="${games }" var="g">
					<div class="blog2-w3ls">
						<div class="col-md-4 blog-image-w3l">
							<a
								href="${pageContext.request.contextPath }/getPalyDetail?gid=${g.libPaly.palyId}"><img
								src="${pageContext.request.contextPath }/images/games/${g.libPaly.palyImg}"
								alt="${g.libPaly.palyName }" /></a>
						</div>
						<div class="col-md-8 blog-text-w3ls">
							<a
								href="${pageContext.request.contextPath }/getPalyDetail?gid=${g.libPaly.palyId}"><h4>${g.libPaly.palyName }</h4></a>
							<div class="item_info">
								<ul>
									<li><a href="#"><i class="glyphicon glyphicon-user"></i>${g.libPaly.palyDeveloper.devName }</a></li>

									<li><i class="glyphicon glyphicon-tags"></i>${g.libPaly.palyType.typeName }</li>


									<li><i class="glyphicon glyphicon-time"></i>
										<fmt:formatNumber type="number" value="${g.libTime/60}" pattern="0.00" maxFractionDigits="2"/>分钟
									</li>
								</ul>
							</div>
							<p>${g.libPaly.palyIntroduce}</p>
							<a
								href="${pageContext.request.contextPath }/getPalyDetail?gid=${g.libPaly.palyId}"
								class="blog-read">访问商店页面</a>
						</div>
						<div class="clearfix"></div>
					</div>
				</c:forEach>
			</c:if>
			</div>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>


	<%@ include file="../common/footer.jsp"%>
	<%@ include file="../common/loginModal.jsp"%>
</body>
</html>